﻿<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">
	<p:messages autoUpdate="true" />

	<h:form>
		<p:fieldset legend="Folyószámla adatok">
			<h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">
				<h:outputText value="Számlatörténet: " />
				<p:dataList value="#{customerMaintBean.customer.checkingAccounts}" var="checkingAccount" type="ordered">  
						A #{checkingAccount.bankAccountNumber} számla egyenlege: #{checkingAccount.getBalance()} Forint
					</p:dataList>
			</h:panelGrid>
		</p:fieldset>
	</h:form>
	<p:fieldset>
		<p:barChart id="basic" value="#{chartBean.getCategoryModel()}" legendPosition="ne" title="Alap grafikon" min="-5000000" max="5000000" style="height:300px" />
	</p:fieldset>
	<p:messages autoUpdate="true" for="basic" />
	<p:fieldset>
		<p:barChart id="horizontal" value="#{chartBean.getCategoryModel()}" legendPosition="se" style="height:300px" title="Vizszintes grafikon" orientation="horizontal" min="-5000000" max="5000000" />
	</p:fieldset>
	<p:messages autoUpdate="true" for="horizontal" />
	<p:fieldset>
		<p:barChart id="stacked" value="#{chartBean.getCategoryModel()}" legendPosition="ne" style="height:300px" title="Halmozott grafikon" stacked="true" barMargin="50" min="-5000000" max="5000000" />
	</p:fieldset>
	<p:messages autoUpdate="true" for="stacked" />
</ui:composition>